<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Halaman Profil</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
	<link href="<?php echo base_url()?>asset/css/bootstrap.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico">
	<link href="<?php echo base_url()?>asset/css/style.css" rel="stylesheet">
	<style>
	
	
	</style>
	
</head>
<body>  

	<div class="container-fluid" style="background-color:">  
		    <div class="row-fluid">  
				<div class="col-lg-12" id="header">  
					<a href="<?php echo base_url()?>index.php"><img src="<?php echo base_url()?>asset/img/logo.png" style="width: 300px; height: 120px; align:center; display: inline; margin: 0px 0 50px 20px"/></img></a>
					<h3 style="margin: -79px 0 20px 90px; font-family: Georgia; font-size: 30px"></h3> <br>
					<small style="font-family: Times New Roman; font-size: 17px; margin: -40px 0 0 90px; display: inline; position: absolute"></small>
					<span style="margin-top: -15px; margin-right:10px; font-family: tahoma; font-size:18px;" class="pull-right span3">
					
					<?php
					
						if(!$this->session->userdata('isLogin')) { ?>
					<button class="btn btn-primary" data-toggle="modal" data-target="#modal_login">Login</button>
				| <a href="<?php echo base_url()?>index.php/akun/daftar" class="btn btn-success" role="button">Daftar</a>
					<?php } else { ?> <a href="<?php echo base_url()?>index.php/home" class="btn btn-success" role="button">Home</a> | <a href="<?php echo base_url()?>index.php/akun/keluar_akun" class="btn btn-danger" role="button"><span class="glyphicon glyphicon-log-out"></span> Keluar</a> <?php } ?>
					</span>
					
				</div>  
			</div> 
		<div class="row-fluid" >
			<div class="col-lg-12" id="navbar" >
				<form class="navbar-form navbar-right" style="margin-top:10px; margin-right:0px; margin-left:1px;" role="search" action="">
					  <div class="form-group ">
						<input type="text" class="form-control" placeholder="cari video disini...">
					  </div>
					  <button type="submit" class="btn btn-danger " ><span class="glyphicon glyphicon-search "></span></button>
				</form>
				
				
			</div>  
		</div>
	<div class="container-fluid">  
		<div class="row-fluid">  
		<div class="col-lg-2 "  id="left-content">  
		 <div class="row-fluid">  
		 
			<?php $user = $this->session->userdata('username'); ?>
			<?php if($user != NULL):?>
		   <?php if($this->session->userdata('peran')!= 0 ) {?>
					   <div class="col-lg-12" id="sidebar-widget">
							<ul class="nav nav-list">
							  <li class="nav-header" style=""><?php echo $user; ?></li>
								<li class="active"><a href="<?php if($this->session->userdata('peran') != 1 ) {
								echo base_url();?>index.php/akun" <?php } else { echo base_url();?>index.php/admin" <?php } ?>class="glyphicon glyphicon-user">  Profilku</a></li>
								<?php if($this->session->userdata('peran') != 1 ){ ?>
								<?php if($this->session->userdata('status') == 1) { ?>
									<li><a href="<?php echo base_url()?>index.php/video/" class="glyphicon glyphicon-upload">  Unggah</a></li> 
									<li><a href="<?php echo base_url()?>index.php/video/" class="glyphicon glyphicon-film"  data-toggle="collapse" data-target=".hisCollapse" style="">  Videoku</a></li>
									<?php } else { ?>
										<li class="disabled"><a class="glyphicon glyphicon-upload">  Unggah</a></li> 
										<li class="disabled"><a class="glyphicon glyphicon-film">  Videoku</a></li> 
									<?php } ?>
								<?php } ?>
							</ul>
							<br>
						</div> 
						<?php } ?>
			<?php endif;?>
		 
					<div class="col-lg-12" id="sidebar-widget" style="margin-top:20px;"> 
						<ul class="nav nav-list">
						  <li class="nav-header" data-toggle="collapse" data-target=".navCollapse" style="">Kategori <span class="glyphicon glyphicon-align-justify pull-right"></span></li>
						   <ul class="nav nav-list collapse in navCollapse">
								<?php foreach($kategori as $row) {?>
									<li><a href="<?php echo base_url();?>index.php/video/cari_video_sesuai_kategori/<?php echo $row->id_kategori;?>"><?php echo $row->nama_kategori;?></a></li>  
								<?php } ?>
							</ul>
						</ul>
					</div>  
					
					<div class="col-lg-12" id="sidebar-widget" style="margin-top:20px;"> 
					<ul class="nav nav-list">
					  <li class="nav-header" data-toggle="collapse" data-target=".hisCollapse" style="">Histori Video<span class="glyphicon glyphicon-align-justify pull-right"></span></li>
					   <ul class="nav nav-list collapse in hisCollapse">
							<?php foreach($histori_video as $row) {?>
								<li><a href="<?php echo base_url();?>index.php/video/lihat_video/<?php echo $row->id_video;?>"><?php echo $row->judul_video;?></a></li>  
							<?php } ?>
						</ul>
						</ul>
					</div>
		
		  
		 </div>   
		</div>  
		
		<div class="col-lg-8">  
		 <div class="container-fluid">
		 <legend style="margin-top:5px"><b>Profil <?php echo $akun->nama_lengkap;?></b></legend>
		 
		 <div class="col-lg-4">
			<div class="col-lg-12 col-sm-6 col-md-4">
				<a href="#" class="thumbnail"><img src="<?php echo base_url()?>asset/img/logo.png" alt=""></a>
			</div>
			<div class="col-lg-12">
				<form class="form" role="form" action="<?php echo base_url()?>index.php/akun/add_foto" method="post">
					<div class="form-group" style="margin-top:0px">
						<label class="col-sm-12 control-label">Pilih Foto</label>
						<div class="col-sm-12">
						  <input type="file" name="foto" style="background-color:" class="form-control" id="foto" />
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-sm-12 control-label"></label>
						<div class="col-sm-12">
						  <button class="btn btn-primary pull-center" type="submit">OK</button>
						</div>
				  </div>
					
				</form>
			</div>
		</div>
		
		
		 <!-- video terbaru -->
		<div class="col-lg-1">
		</div>
		<!-- konten video -->
		  <div class="col-lg-7 " style="margin-left:0px">   	   
				<?php if(validation_errors()):?>
					<div class="alert alert-danger"><a class="close" data-dismiss="alert">&times</a><h4>Proses Perubahan Gagal Karena Terdapat Kesalahan!</h4><?php echo validation_errors(); ?></div>
				<?php endif;?>		   
				<form class="form-horizontal pull-center" role="form">
						
				  <div class="form-group">
					<label class="col-sm-2 control-label">Nama Akun</label>
					<div class="col-sm-10">
					  <input type="text" name="username" style="background-color:" class="form-control" disabled id="username" value="<?php echo $akun->username;?>" />
					</div>
					  <!--p class="form-control-static"></p-->
					</div>
							  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Nama Lengkap</label>
					<div class="col-sm-10">
					  <input type="text" name="namalengkap" style="background-color:" class="form-control" disabled id="namalengkap" value="<?php echo $akun->nama_lengkap;?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Jenis Kelamin</label>
					<div class="col-sm-10">
					  <input type="text" name="jk" style="background-color:" class="form-control" disabled id="jk" value="<?php if($akun->jk==1) { echo 'Laki - laki'; } else { echo 'Perempuan'; } ?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Tanggal Lahir</label>
					<div class="col-sm-10">
					  <input type="text" name="tgllahir" style="background-color:" class="form-control" disabled id="tgl" value="<?php echo $akun->tgl_lahir;?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Pendidikan</label>
					<div class="col-sm-10">
					  <input type="text" name="pendidikan" style="background-color:" class="form-control" disabled id="pendidikan" value="<?php echo $akun->pendidikan;?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Pekerjaan</label>
					<div class="col-sm-10">
					  <input type="text" name="pekerjaan" style="background-color:" class="form-control" disabled id="pekerjaan" value="<?php echo $akun->pekerjaan;?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Bidang Studi</label>
					<div class="col-sm-10">
					  <input type="text" name="bidangstudi" style="background-color:" class="form-control" disabled id="bidangstudi" value="<?php echo $akun->bidang_studi;?>" />
					</div>
				  </div>
				  
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label">Email</label>
					<div class="col-sm-10">
					  <input type="text" name="email" style="background-color:" class="form-control" disabled id="email" value="<?php echo $akun->email;?>" />
					</div>
				  </div>
				  
				  <div class="form-group">
					<label class="col-sm-2 control-label"></label>
					<div class="col-sm-10">
					  <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#edit_data"><span class="glyphicon glyphicon-edit "></span> Ubah Data Profil</button>
					  <button class="btn btn-success pull-center" type="button" data-toggle="modal" data-target="#edit_pass"><span class="glyphicon glyphicon-lock "></span> Ubah Kata Kunci</button>
					</div>
				  </div>
				  
				</form>
				
			</div>  
			
		  <!-- end -->
		 </div>
		</div>  
	  
			<div class="col-lg-2"  style="margin-top:10px;">
				<ul class="nav nav-list">
					<li class="nav-header" data-toggle="collapse" data-target=".navHeaderCollapse" style="">Asal Daerah <span class="glyphicon glyphicon-align-justify pull-right"></span></li>
					   <ul class="nav nav-list collapse navHeaderCollapse">
							<?php foreach($daerah as $row) {?>
								<li><a href=""><?php echo $row->nama_kategori;?></a></li>  
							<?php } ?> 
						</ul>
				</ul>
			</div>
			
			
	   </div>  
	  
	  
	   <!--S : Footer-->  
	  
	   <div class="row-fluid">  
			<div class="col-lg-12" id="footer"> <p class = "footer-text"> @ Copyright 2014 <strong class="pull-right">{elapsed_time} || {memory_usage}</strong></p> 
			</div>  
	   </div>   
	  
	   <!--E : Footer-->  
	  
	  </div>
	</div>
	
	<div class="modal fade" style="" id="edit_data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog" >
				<div class="modal-content">
				  <div class="modal-header" style="background-color:#E34D55;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel" style="color:#ffffff;">Ubah Akun</h4>
				  </div>
				  <div class="modal-body" >
				  <div id="registerModalerror"></div>
					<form class="form-horizontal" role="form" action="<?php echo base_url()?>index.php/akun/ubah_profil" method="post">
					  <div class="form-group">
						<label for="inputakun" class="col-md-4 control-label">Nama Akun</label>
						<div class="col-sm-8">
						  <input type="text" name="namaakun" class="form-control" id="namaakun" value="<?php echo $akun->username;?>" required>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="inputnama" class="col-md-4 control-label">Nama Lengkap</label>
						<div class="col-sm-8">
						  <input type="text" name="namalengkap" class="form-control" id="namalengkap" value="<?php echo $akun->nama_lengkap;?>" required>
						</div>
					  </div>
					  
					  <div class="form-group">
					  <label for="jk" class="col-md-4 control-label">Jenis Kelamin</label>
							<div class="col-sm-8">
							  <div class="radio">
								  <label>
									<input type="radio" name="jk" id="lakilaki" value="1" checked>
									Laki - laki
								  </label>
								</div>
								<div class="radio">
								  <label>
									<input type="radio" name="jk" id="perempuan" value="2">
									Perempuan
								  </label>
							</div>
							</div>
					  </div>
					  
					  <div class="form-group">
						<label for="tanggallahir" class="col-md-4 control-label">Tanggal Lahir</label>
						<div class="col-sm-8">
						  <input type="date" id="datepicker" class="form-control" name="tanggallahir" value="<?php echo $akun->tgl_lahir;?>">
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="email" class="col-md-4 control-label">Alamat Email</label>
						<div class="col-sm-8">
						  <input type="email" id="email" class="form-control" name="email" value="<?php echo $akun->email;?>" required>
						</div>
					  </div>
				
					  
					  <div class="form-group">
						<label for="pendidikan" class="col-md-4 control-label">Pendidikan</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="pendidikan">
							<option value="SMP">SMP</option>
							<option value="SMA">SMA</option>
							<option value="S1">S1</option>
							<option value="S2">S2</option>
							<option value="S3">S3</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="pekerjaan" class="col-md-4 control-label">Pekerjaan</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="pekerjaan">
							<option value="Guru">Guru</option>
							<option value="Wiraswasta">Wiraswasta</option>
							<option value="Pelajar">Pelajar</option>
							<option value="PNS">PNS</option>
							<option value="Dosen">Dosen</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="bidangstudi" class="col-md-4 control-label">Bidang Studi</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="bidang_studi">
							<option value="Ilmu Hukum">Ilmu Hukum</option>
							<option value="Sospol">Sospol</option>
							<option value="MIPA">MIPA</option>
							<option value="Teknik Mesin">Teknik Mesin</option>
							<option value="Teknik Elektro">Teknik Elektro</option>
						  </select>
						</div>
					  </div>
					  
					  
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <button type="submit" class="btn btn-success">Simpan</button>
						  <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
						</div>
					  </div>
					</form>
				  </div>
				</div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		
			<!-- modal end daftar akun-->
			<div class="modal fade" style="overflow:hidden;" id="edit_pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog" >
				<div class="modal-content">
				  <div class="modal-header" style="background-color:#E34D55;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel" style="color:#ffffff;">Ubah Kata Kunci</h4>
				  </div>
				  <div class="modal-body" >
				  <div id="registerModalerror"></div>
					<form class="form-horizontal" role="form" action="<?php echo base_url()?>index.php/akun/update_katakunci" method="post">
					  <div class="form-group">
						<label for="lama" class="col-md-4 control-label">Kata Kunci Saat Ini</label>
						<div class="col-sm-8">
						  <input type="password" name="lama" class="form-control" id="lama" placeholder="masukkan kata kunci saat ini" required>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="baru" class="col-md-4 control-label">Kata Kunci Baru</label>
						<div class="col-sm-8">
						  <input type="password" name="baru" class="form-control" id="namalengkap" placeholder="masukkan kata kunci baru" required>
						</div>
					  </div>
					  
					  
					  <div class="form-group">
						<label for="konfirm" class="col-md-4 control-label">Konfirmasi Kata Kunci Baru</label>
						<div class="col-sm-8">
						  <input type="password" id="datepicker" class="form-control" name="konfirm" required>
						</div>
					  </div>
					  
					  
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <button type="submit" class="btn btn-success">Simpan</button>
						  <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
						</div>
					  </div>
					</form>
				  </div>
				</div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		
			<!-- modal end daftar akun-->
	
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script src="<?php echo base_url()?>asset/js/jquery.js"></script>
    <script src="<?php echo base_url()?>asset/js/bootstrap.js"></script>
	
</body>
</html>